<template>
    <a-locale-provider :locale="locale">
        <div id="app">
            <router-view />
        </div>
    </a-locale-provider>
</template>

<script>
import { AppDeviceEnquire } from '@/utils/mixin'
import enUS from 'ant-design-vue/lib/locale-provider/en_US'
import zhCN from 'ant-design-vue/lib/locale-provider/zh_CN'

export default {
    mixins: [AppDeviceEnquire],
    data() {
        return {
            // locale: zhCN
            localeInfo: {
                'zh': zhCN,
                'en': enUS,
            }
        }
    },
    mounted() {
    },
    computed: {
        locale() {
            return this.localeInfo[this.$store.getters.lang]
        }
    }
}
</script>
<style>
#app {
    height: 100%;
}
</style>
